﻿#btn-qrcode {
    float: right;
    cursor: pointer;
    margin-right: 10px;
}

#qrcode img {
    margin: 0 auto;
}

.loading {
    padding-top: 15px;
}

.loading .box {
    height: 15px;
    margin-bottom: 15px;
    background-color: whitesmoke;
    background: linear-gradient( 100deg, rgba(255,255,255,0) 40%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 60% ) whitesmoke;
    background-size: 200% 100%;
    background-position-x: 120%;
    animation: 1s loading ease-in-out infinite;
}

.box-3 {
    width: 30%;
}

.box-4 {
    width: 40%;
}

.box-6 {
    width: 60%;
}

.box-8 {
    width: 80%;
}

.box-10 {
    width: 100%;
}

@keyframes loading {
    to {
        background-position-x: -20%;
    }
}

.markdown img {
    cursor: pointer;
}
